<div class="ui-grid ui-grid-pad" style="height:100%">
    <div class="ui-grid-row" style="height:100%;">
        <p-tabView>
            <p-tabPanel header="基础信息" leftIcon="fa fa-calendar" [style]="{'height':'100%'}">
                <ng-template pTemplate="content" style="float:left;">
                    <role-detail [role]="role"></role-detail>
                </ng-template>
            </p-tabPanel>
            <p-tabPanel header="岗位权限" leftIcon="fa fa-calendar" *ngIf="role && role.roleId > 0" [style]="{'height':'100%'}">
                <ng-template pTemplate="content">
                    <role-resources [role]="role"></role-resources>
                </ng-template>
            </p-tabPanel>
            <p-tabPanel header="岗位人员" leftIcon="fa fa-print" *ngIf="role && role.roleId > 0 && !role.templateFlag" 
                [style]="{'height':'100%'}">
                <ng-template pTemplate="content">
                    <role-human [role]="role"></role-human>
                </ng-template>
            </p-tabPanel>
        </p-tabView>
    </div>
</div>
<p-confirmDialog #cd>
    <p-footer>
        <button type="button" pButton icon="fa fa-close" label="取消" (click)="cd.reject()"></button>
        <button type="button" pButton icon="fa fa-check" label="确定" (click)="cd.accept()"></button>
    </p-footer>
</p-confirmDialog>